<template>
	<view class="popup_pop_view">
		<view class="c_tit">
			{{title}}
		</view>
		<view class="c_text">
			{{content}}
		</view>
		<view class="c_btns">
			<view class="c_btn" @click="close">
				确定
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		props:{
			title:{
				default:"提示"
			},
			content:{
				default:"内容"
			}
		},


		methods: {
			close(){
				this.$emit("close")
			},
			
		}
	}
</script>

<style lang="scss">
	.popup_pop_view{
		background-color: #fff;
		border-radius: 20rpx;
		margin: 0 90rpx;
		text-align: center;
		padding: 40rpx;
		width: 490rpx;
		
		.c_tit{
			font-size:32rpx;
			padding-bottom: 24rpx;
		}
		.c_text{
			font-size:28rpx ;
			color: #666;
			text-align: left;
			padding-bottom: 40rpx;
			max-height: 40vh;
			overflow-y: auto;
		}
		.c_btns{
			display: flex;
			justify-content: center;
			.c_btn{
				background-color: #E5EAF9;
				color: #3567D9;
				padding: 20rpx 110rpx;
				border-radius: 60rpx;
				font-size: 28rpx;
			}
		}
		
	}
</style>
